﻿<%@page contentType="text/html;charset=utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	String shared_id = request.getParameter("shared_id");
	if(shared_id == null)
		shared_id = "0";
%>
<!DOCTYPE html>
<html>
<head>
    <title>奶瓶快跑</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1"/>
	<meta name="format-detection" content="telephone=no,address=no"/>
    
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="statics/css/iPicture.css"/>
    <script type="text/javascript" src="statics/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
    <script type="text/javascript" src="statics/js/jquery.ipicture.js"></script>
	<style type="text/css">
		.maindiv {
			margin: 0px;
			padding: 0px;
			padding-left:0px;
			padding-right:0px;
			border:0px solid; 
		}
		.mybox{ 
			position:absolute;
		}
		
		
		a{text-decoration:none;}
		
		.div_yj{
            text-align: center;
            font-size: 8px;
            width: 100px;
            color: white;
            padding: 5px;
            margin: 5px;
			position: absolute;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
			filter:alpha(Opacity=80);
			-moz-opacity:0.7;
			opacity: 0.7;
        }
        .box1{
            background-color: black;
        }
        .myfoot{     
		      width:auto; margin-top:12px; 
		      font-family:Arial,Georgia, Helvetica, sans-serif;
		      font-size:12px; 
		      color:#333;
		      line-height:5px;
		      letter-spacing:1px
		}
		
		.roundimg{
			border-radius: 13px;
			-webkit-border-radius: 43px;
			-moz-border-radius: 13px;
		}
		.round_photo{
		    -moz-border-radius: 35px;
		    -webkit-border-radius: 35px;
		    border-radius:35px;
		    behavior:url(PIE.htc);
		}
	</style>
	<script>
	function risizeImg(){
		var boby_width=$(document.body).width();
		var img_width=$('#shared_img').width();
		var img_height=$('#shared_img').height();
		$('#shared_img').css('width',function(){ return boby_width-2;});
		$('#shared_img').css('height',function(){ return img_height*(boby_width/img_width);});
	}
	
	$(document).ready(function(){
		$('#top').load("top.jsp");
	});
	$(window).resize(function() {
		risizeImg();
		});
	</script>
	<link rel="stylesheet" type="text/css" href="statics/css/huodong.css" />
	<script type="text/javascript" src="statics/js/huodong.js"></script>
</head>
<body>
	<div id="top" class="maindiv"  >
	</div>
	<div>
		<table border="0" align="center" width="100%" cellpadding="0" cellspacing="0" style="background-color:#958497;font-size:1px;color:#fff">
			<tr>
			<td colspan="3" align="center">
				<p style="font-size:25px;font-weight:bold;letter-spacing:2px;zoom-x:5;zoom-y:10">给宝宝用药<br>最易犯的8个错误</p>
				<div style="padding-left:50px;padding-right:50px;">
				
				    最多输入40个汉字最多输入40个汉字最多输入40个汉字最多输入40个汉字最多输入40个汉字<br><br>
				</div>
				<div style="padding-left:5px;">
				<table align="left" width=100% style=""><tr>
				<td width=25%>参与 56787</td>
				<td width=5%><img src="statics/images/love2.png" width="16px" height="16px" ></td><td width=15%>0</td>
				<td align="right"><img src="statics/images/more2.png" align="right" width="16px" height="16px" style="padding-right: 10px;"></td>
				</tr></table>	
				</div>
			</td>
			</tr>
		</table>
		
		<!-- 赞 -->
		<div id="main" style="background-color:#fff">
			<table border="0" align="center" width="100%" style="font-size:1px;color:#958497">
				<tr><td colspan="2"><div style="font-size:1px;color:#757B7B">还在和他们的玩具都代表着还在代表着还在和玩具都代表着还在和他们的玩具都代表着</div></td></tr>
				<tr>
					<td>
						<img id="user_icon" width="32px" height="32px" src="" style="padding-left:2px;" class="round_photo" onerror="this.src='statics/images/userDefault.png'"/>
						<img id="user_icon" width="32px" height="32px" src="" style="padding-left:2px;" class="round_photo" onerror="this.src='statics/images/userDefault.png'"/>
						<img id="user_icon" width="32px" height="32px" src="" style="padding-left:2px;" class="round_photo" onerror="this.src='statics/images/userDefault.png'"/>
						<img id="user_icon" width="32px" height="32px" src="" style="padding-left:2px;" class="round_photo" onerror="this.src='statics/images/userDefault.png'"/>
						<img id="user_icon" width="32px" height="32px" src="" style="padding-left:2px;" class="round_photo" onerror="this.src='statics/images/userDefault.png'"/>
					</td>
					<td align="right">68人赞过&gt;</td>
				</tr>
			</table>
			<div id="tab" style="border-top:1px solid #C9C9C9"></div>
		    <ul id="holder" style="font-size:2px;color:#757B7B">
		    <li><table border="0px">
		    <tr>
		    <td width="95px" height="95px">test</td>
		    <td width="95px" height="95px">test</td>
		    <td width="95px" height="95px">test</td>
			</tr>
			<tr>
		    <td width="95px" height="95px">test</td>
		    <td width="95px" height="95px">test</td>
		    <td width="95px" height="95px">test</td>
			</tr></table></li>
		    <li>
		    <table border="0" align="center" width="100%" cellpadding="0" cellspacing="0" style="background-color:#6BCCD2;font-size:1px;color:#fff">
			<tr>
			<td width="35px">
				<img id="user_icon" width="32px" height="32px" src="" style="padding-left:5px;padding-right: 5px;padding-top: 5px ;padding-bottom:2px;" class="round_photo" onerror="this.src='statics/images/userDefault.png'"/>
			</td>
			<td align="left" >
				Sunzi Zhang<br>
				男孩 2岁 上海
			</td>
			<td width="30px" align="left">
				<img width="30px" height="30px" src="statics/images/add.png" style="padding-top:5px;padding-right:10px;"/>
			</td>
			</tr>
			<tr>
			<td colspan="3">
				<img id="shared_img" src="" onerror="this.src='statics/images/default.png'"/>
				<div style="padding-left:5px;">
				    最多输入40个汉字最多输入40个汉字最多输入40个汉字最多输入40个汉字最多输入40个汉字
				</div>
				<div style="padding-left:5px;">
				<table align="left" width=100% style=""><tr>
				<td width=25%>阅读 56787</td>
				<td width=5%><img src="statics/images/love.png" width="16px" height="16px" ></td><td width=15%>0</td>
				<td width=5%><img src="statics/images/mail.png" width="16px" height="16px"></td><td width=15%>0</td>
				<td align="right"><img src="statics/images/more.png" align="right" width="16px" height="16px" style="padding-right: 10px;"></td>
				</tr></table>	
				</div>
			</td>
			</tr>
		</table>
		    </li>
		    </ul>
		</div>
		<br><br>
	</div>
</body> 
</html>